<template>
  <div class="item_img">
    <div class="label">{{ props.label }}</div>
    <div class="value">
      <a-image-preview-group>
        <a-image
          v-for="item in value"
          :key="item"
          width="112px"
          :src="isObject(item) ? (item as any).url : item"
          :placeholder="true"
        />
      </a-image-preview-group>
    </div>
  </div>
</template>

<!--组件自定义-图片显示-->
<script setup lang="ts">
import {isObject} from 'lodash-es'
const props = defineProps<{ label: string; value?: any[] }>()
</script>

<style scoped lang="less">
.item_img {
  width: 100%;
  margin-bottom: 35px;
}

.label {
  width: 95%;
  height: 12px;
  font-size: 12px;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #6c768e;
  line-height: 18px;
}

.value {
  width: 95%;
  line-height: 21px;
  margin-top: 12px;
}
:deep(.ant-image) {
  padding: 0px 5px 5px 0px;
}
</style>
